import React, { Component } from 'react';
/*
组件挂载的时候
1constructor


*/

class Demo extends Component{
  state={

  };

  static getDerivedStateFromProps(props,state){
// return null;
console.log(props);
return {
  ...props,
};
  }
  render(){
    return <h1>Demo组件</h1>
  }
}
class App extends Component {
  state={

  };
  constructor(props) {
    super(props);
    console.log("1 执行App组件中的构造函数");
    
  };
  static getDerivedStateFromProps(props,state){
    console.log("2 执行 getDerivedStateFromProps");
    // return null;不会和当前状态合并
    return{ 
      ...props,
      msg:"(*^_^*)"
  }
  }
  render() {
    console.log("3 执行render方法");
    return (
      <div>
        <Demo msg={"(0_0)"}></Demo>
      </div>
    );
  }
  componentDidMount(){
    console.log("4 执行App中的组件 componentDidMount");
  }
}

export default App;
